<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
   <meta charset="utf-8" />
   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
   <!-- Mobile viewport optimized: h5bp.com/viewport -->
   <meta name="viewport" content="width=device-width">

   <title>Ishang 理财</title>

   
   <!-- remove or comment this line if you want to use the local fonts -->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>

   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/bootstrap.css">
   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/bootstrap-responsive.css">
   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/bootmetro.css">
   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/bootmetro-tiles.css">
   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/bootmetro-charms.css">
   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/metro-ui-light.css">
   <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/content/css/icomoon.css">



   <!-- Le fav and touch icons -->
   <link rel="shortcut icon" href="content/ico/favicon.ico">
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="${pageContext.request.contextPath}/content/ico/apple-touch-icon-144-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="114x114" href="${pageContext.request.contextPath}/content/ico/apple-touch-icon-114-precomposed.png">
   <link rel="apple-touch-icon-precomposed" sizes="72x72" href="${pageContext.request.contextPath}/content/ico/apple-touch-icon-72-precomposed.png">
   <link rel="apple-touch-icon-precomposed" href="${pageContext.request.contextPath}/content/ico/apple-touch-icon-57-precomposed.png">
  
   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
      Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
      For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
   <script src="${pageContext.request.contextPath}/scripts/modernizr-2.6.1.min.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/login.js" ></script>  
   

   <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3182578-6']);
      _gaq.push(['_trackPageview']);
      (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
   </script>
   <script src="scripts/register.js"></script>
</head>

<body data-accent="blue">
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->

   <!-- Header
   ================================================== -->
   <header id="nav-bar" class="container-fluid">
      <div class="row-fluid">
         <div class="span8">
            <div id="header-container">
               <a id="backbutton" class="win-backbutton" href="./index.html"></a>
               <h5>Ishang 理财</h5>
               <div class="dropdown">
                  <a class="header-dropdown dropdown-toggle accent-color" data-toggle="dropdown" href="#">
                     Start
                     <b class="caret"></b>
                  </a>
                  <ul class="dropdown-menu">
                  <li><a data-toggle="modal" href="#register">注册</a></li>
                  <li><a data-toggle="modal" href="#login">登录</a></li>
                  <li><a href="./index.html">Home</a></li>
               </ul>
            </div>
            </div>
         </div>
         <div id="top-info" class="pull-right">
         <div class="name"><a href="#" class="pull-left">
            <div class="top-info-block">
               <h3>FirstName</h3>
               <h4>LastName</h4>
            </div>
            <div class="top-info-block">
               <b class="icon-user"></b>
            
			</div>
         </a>
         <hr class="separator pull-left"/>
         <a id="settings" class="pull-left" href="#">
            <b class="icon-settings"></b>
			
         </a></div>
      </div>
   </div>
   
   
   <div id="charms" class="win-ui-dark in" style="display: block;">
<div id="theme-charms-section" class="charms-section">
<div class="charms-header">

<h2>Settings</h2>
</div>
<div class="row-fluid">
<div class="span12">
<form class="">
<label for="win-theme-select">Change theme:</label>
<select id="win-theme-select" class="">
<option value="metro-ui-semilight">Semi-Light</option>
<option value="metro-ui-light">Light</option>
<option value="metro-ui-dark">Dark</option>
</select>
</form>
</div>
</div>
</div>
</div>
   
   
   
   </header>
   
   <div class="container-fluid">
      <div class="row-fluid">
         <div class="metro span12">
            <div class="metro-sections">
   
               <div id="section1" class="metro-section tile-span-4">
   
                  <h2>Function</h2>
				  
					<!--记一笔-->
                  <a class="tile wide imagetext bg-color-blueDark" data-toggle="modal" href="#login">
                     <div class="image-wrapper">
                        <img src="${pageContext.request.contextPath}/content/img/keep accounts.png" />
                     </div>
                     <div class="column-text">
                        <div class="text4"><font size="6"><strong>记一笔</strong></font></div>
                     </div>
                     <div class="app-label">记一笔请点击此模块</div>
                  </a>
				  	
   
					<!--写预算-->
                  <a class="tile wide imagetext wideimage bg-color-orange" data-toggle="modal" href="#login">
                                         <div class="pay"> <div class="image-wrapper">
                        <img src="${pageContext.request.contextPath}/content/img/pay.png" />
                     </div>
                     <div class="column-text">
                        <div class="text4"><font size="6"><strong>写预算</strong></font></div>
                     </div>
                     <div class="app-label">写预算请点击此模块</div></div>
                  </a>
				      
				  
					<!--看股票-->
                  <a class="tile app wide bg-color-greenDark" data-toggle="modal" href="#login">
                     <div class="image-wrapper"><div class="shares">
                        <img src="${pageContext.request.contextPath}/content/img/shares.png" /></div>
						<div class="text4"><div class="shares1"><font size="6"><strong>看股票</strong></font></div></div>
                     </div>
                     
                     <div class="app-label">看股票请点击此模块</div>
                  </a>
   
                  <!--关于我们-->
                  <a class="tile app bg-color-yellow" href="./images.html">
                     <div class="image-wrapper">
                        <span class="icon icon-images"></span>
                     </div>
                     <span class="app-label">关于我们</span>
                  </a>
   
					<!--指导老师-->
                  <a class="tile app bg-color-blueDark" href="./icons.html">
                     <div class="image-wrapper">
                        <span class="icon icon-IcoMoon" ></span>
                     </div>
                     <span class="app-label">指导老师</span>
                  </a>
   
               </div>
			   
			   <div id="section2" class="metro-section title-span-2">
   
                  <h2>Individual</h2>
				  <!--登录模块-->
				  <a class="tile app bg-color-purple" data-toggle="modal" href="#login">
                     <div class="image-wrapper">
                        <img src="${pageContext.request.contextPath}/content/img/login.png" alt=""/>
                     </div>
                     <span class="app-label"><font size="3"><strong>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp登录</strong></font></span>
                  </a>
				  
				  <!--登录弹框-->
				     <div id="login" class="modal message hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">  
                <form class="form-horizontal" action="${pageContext.request.contextPath}/login">
        <div class="control-group">
        <label class="control-label" for="inputEmail">邮箱：</label>
        <div class="controls">
        <input type="text" id="us_loginName" name="user.us_loginName" placeholder="Email">
        </div>
        </div>
        <div class="control-group">
        <label class="control-label" for="inputPassword">密码：</label>
        <div class="controls">
        <input type="password" id="us_passWord" name="user.us_passWord"placeholder="Password">
        </div>
        </div>
        <div class="control-group">
        <div class="controls">
        <label class="checkbox">
        <input type="checkbox"><span class="metro-checkbox">记住我</span>
        </label>
        </div>
        </div>
         <div class="modal-footer">
                <button class="btn" data-dismiss="modal" data-toggle="modal" href="#register">注册</button>
                <input type="submit" class="btn btn-primary" value="登录"/>
                </div>
                </form>
             </div>
   
   
					<!--注册模块-->
                  <div class="register"><a class="tile app bg-color-red" data-toggle="modal" href="#register">
                     <div class="image-wrapper">
                        <img src="${pageContext.request.contextPath}/content/img/register.png" alt=""/>
                     </div>
                     <span class="app-label"><font size="3"><strong>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp注册</strong></font></span>
                  </a>
   <div id="register" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">             
              <div class="register1">
	<form class="form-horizontal" action="${pageContext.request.contextPath}/addUser" >
		
		<div class="relogin">>若已有帐号，请直接<a href="#login">登录</a></div>	
		<div class="control-group">
        <label class="control-label" for="inputName">昵&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp称：</label>
        <div class="controls">
        <input type="text" id="us_nickName" name="user.us_nickName" placeholder="Name" class="input-xlarge">
        </div>
        </div>
        <div class="control-group">
        <label class="control-label" for="inputEmail">登&nbsp&nbsp录&nbsp&nbsp名：</label>
        <div class="controls">
        <input type="text" id="us_loginName" name="user.us_loginName" placeholder="Email" class="input-xlarge">
        </div>
        </div>
        <div class="control-group">
        <label class="control-label" for="inputPassword">密&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp码：</label>
        <div class="controls">
        <input type="password" id="us_passWord" name="user.us_passWord" placeholder="Password" class="input-xlarge">
        </div>
        </div>
		<div class="control-group">
        <label class="control-label" for="inputRePassword">确认密码：</label>
        <div class="controls">
        <input type="password" id="us_rePassWord" name="us_rePassWord" placeholder="RePassword" class="input-xlarge">
        </div>
        </div>
        <div class="control-group">
        <div class="controls">
        <label class="checkbox">
        <input type="checkbox"><span class="metro-checkbox">已阅并同意Ishang理财的《<a href="">使用协议</a>》</span>
        </label>
        <button type="submit" class="btn btn-info">注册</button>
        </div>
        </div>
		</div>
</form>
</div>
           
             </div> 
   
               </div>
   
   
            </div>
   
   
         </div>
      </div>
   </div>
   
   
   
   <!-- Grab Google CDN's jQuery. fall back to local if necessary -->
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script>window.jQuery || document.write("<script src='scripts/jquery-1.8.2.min.js'>\x3C/script>")</script>

   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/google-code-prettify/prettify.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/jquery.scrollTo.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/bootstrap.min.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/bootmetro.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/bootmetro-charms.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/demo.js"></script>
   <script type="text/javascript" src="${pageContext.request.contextPath}/scripts/holder.js"></script>

   <script type="text/javascript">
      $(".metro").metro();
   </script>
</body>
</html>
